$('document').ready(function() {
	
	 $('#add-new-app').bootstrapValidator({
	        //container: '#messages',
		 	excluded: [''],
	        feedbackIcons: {
	            valid: 'glyphicon glyphicon-ok',
	            invalid: 'glyphicon glyphicon-remove',
	            validating: 'glyphicon glyphicon-refresh'
	        },
	        fields: {
	        	name_app: {
	                validators: {
	                    notEmpty: {
	                        message: 'Tên ứng dụng không được để trống'
	                    },
				        stringLength: {
			                min: 6,
			                max: 150,
			                message: 'Tên tên ứng không được ngắn hơn 6 và dài hơn 150 ký tự'
			            },
	                }
	        
	            },
	            version_name: {
	                validators: {
	                    notEmpty: {
	                        message: 'Phiên bản ứng dụng không được để trống'
	                    },
				        stringLength: {			                
			                max: 30,
			                message: 'Phiên bản ứng dụng tối đa 30 ký tự'
			            },
	                }
	        
	            },
	            file_app: {
	                validators: {
	                    notEmpty: {
	                        message: 'Bạn chưa chọn file để tải lên'
	                    },
	                    file: {
	                    	extension: 'apk',
	                        //extension: 'ipa,apk,jar,cod,jad,sis,sisx',
	                        //type: 'image/jpeg,image/png',
	                        //maxSize: 2097152,   // 2048 * 1024
	                        message: 'File bạn chọn không đúng'
	                    }
	                }
	        
	            },
				
				
	        },
			onError: function(e) {
                //showButton();
				//addActive();
            },
            onSuccess: function(e) {
                
            }
	        
	    });
	    
	 function checkValidator(oject){
		 
		 $('#add-new-app').bootstrapValidator('revalidateField', oject.attr('name'));
		 
		 return oject.closest('.form-group').hasClass('has-error');
	 }
	 function readURL(input) {
	        if (input.files && input.files[0]) {
	            var reader = new FileReader();
	            
	            reader.onload = function (e) {
	                $('#icon_view').attr('src', e.target.result);
	            };
	            
	            reader.readAsDataURL(input.files[0]);
	        }
	    }
	    
	    $("#icon_app").change(function(){
	        readURL(this);
	    });
	    
	    
	    $("table").on("change", "input.screenshot", function(){
	    	inputScreenshot = $(this);
	    	var reader = new FileReader();
	    	if (this.files && this.files[0]) {
	            reader.onload = function (e) {
	            	$html = '<img src='+e.target.result+' ><i class="fa fa-times-circle del-screenshot"></i>';
	            	var viewimg = inputScreenshot.closest('tr');
	            	viewimg.find('.viewimg').html($html);
	            	viewimg.removeClass('new');
	            	var parent = inputScreenshot.closest('table');
	            	if($('#table-screen tr').length <=9 && $('#table-screen tr.new').length ==0){
	            		$new = '<tr class="new"><td><div class="fileUpload btn btn-primary btn-xs"><span>Tải lên</span><input type="file" class="upload screenshot" name="screenshot[]" ></div></td><td class="viewimg"></td></tr>';
	            		parent.append($new);
	            	}
	            };
            
            	reader.readAsDataURL(this.files[0]);
	    	}
	    });
	    $("table").on("click", "i.del-screenshot", function(){
	    	$(this).closest('tr').remove();
	    	if($('#table-screen tr').length <=9  && $('#table-screen tr.new').length ==0){
        		$new = '<tr class="new"><td><div class="fileUpload btn btn-primary btn-xs"><span>Tải lên</span><input type="file" class="upload screenshot" name="screenshot[]" ></div></td><td class="viewimg"></td></tr>';
        		$('#table-screen').append($new);
        	}
	    });
	    $('#os').change(function(){
	    	loadOsv($(this).val());
	    	loadCompatible($(this).val());
	    });
});

function loadOs(){
	var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        	var getData = $.parseJSON(xmlhttp.responseText);
        	var result ='<option value="0">Chọn hệ đều hành</option>';
        	$.each(getData,function(key,obj){
        		result +='<option value='+obj.os_id+'>'+obj.os_name+'</option>';
        	});
            document.getElementById("os").innerHTML=result;
        }
    };
    xmlhttp.open("GET","http://localhost/kidplay/developer/app/getos",true);
    xmlhttp.send();
}
function loadCat(){
	var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        	var getData = $.parseJSON(xmlhttp.responseText);
        	var result ='<option value="0">Chọn danh mục</option>';
        	$.each(getData,function(key,obj){
        		result +='<option value='+obj.cat_id+'>'+obj.cat_name+'</option>';
        	});
            document.getElementById("cat").innerHTML=result;
        }
    };
    xmlhttp.open("GET","http://localhost/kidplay/developer/app/getcat",true);
    xmlhttp.send();
}
function loadOsv(id){
	var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        	var getData = $.parseJSON(xmlhttp.responseText);
        	var result ='';
        	$.each(getData,function(key,obj){
        		result +='<option value='+obj.osv_id+'>'+obj.osv_name+'</option>';
        	});
            document.getElementById("osv").innerHTML=result;
        }
    };
    xmlhttp.open("GET","http://localhost/kidplay/developer/app/getosv?id="+id,true);
    xmlhttp.send();
}

function loadCompatible(id){
	var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        	var getData = $.parseJSON(xmlhttp.responseText);
        	var result ='';
        	$.each(getData,function(key,obj){
        		result +='<option value='+obj.cp_id+'>'+obj.cp_name+'</option>';
        	});
            document.getElementById("compatible").innerHTML=result;
        }
    };
    xmlhttp.open("GET","http://localhost/kidplay/developer/app/getcompatible?id="+id,true);
    xmlhttp.send();
}
